// 引入count ui组件
import  CountUI from '../../components/Count'
// 引入connect用于连接ui 组件于redux
import {connect} from 'react-redux'
import {createIncrementAction,createDecrementAction,constcreateIncrementAsyncAction}from '../../redux/count_action'
// 函数的返回值对象作为状态传递给了ui组件,就是对象中的key 作为传递给UI的props 的key，，，value值就是作为UI组件的props的value------状态
function  mapStateToProps(state){
    return {count:state}
}
// 状态方法
function  mapDispatchToProps(dispatch){
    return {jia:(data)=>{
        // console.log(data)
        // 通知redux相加或者相减操作
        dispatch(createIncrementAction(data))
    },
    jian:(data)=>{
        dispatch(createDecrementAction(data))
    },
    jiaAsync:(data,time)=>{
        dispatch(constcreateIncrementAsyncAction(data,time))
    }
}
}
// 使用connect()()创建并暴露一个Count的容器组件
export default connect(mapStateToProps,mapDispatchToProps)(CountUI)

